<div class="section-title"> <img src="<?=base_url()?>assets/images/news.png" class="news-icon"/> <b>Portofolio</b> </div>
<div class="section-content">
	<div class="inner-section">
		<div class="spacer"></div>
		<div id='detilportofolio'>
			<div class="spacer"></div>
			<div class="table-holder">
				<table>
					<tr>
						<td>
							<a href="<?=base_url()?>assets/portofolio/cvformula.jpg" class="lightbox">
							<img src="<?=base_url()?>assets/portofolio/thumb.php?src=cvformula.jpg&x=125&y=125" class="imgabout" /> 
							</a>
							<a href="http://www.formulalalulintas.com" target='_blank' ><p>Company Profile PT Formula</p></a>
						</td>
						<td>
							<a href="<?=base_url()?>assets/portofolio/abelardo.jpg" class="lightbox">
							<img src="<?=base_url()?>assets/portofolio/thumb.php?src=abelardo.jpg&x=125&y=125" class="imgabout" /> 
							</a>
							<a href="http://www.abelardo-jas.com" target='_blank'><p>Katalog Online Abelardo Jas</p></a>
						</td>
						<td>
							<a href="<?=base_url()?>assets/portofolio/st-migas.jpg" class="lightbox">
							<img src="<?=base_url()?>assets/portofolio/thumb.php?src=st-migas.jpg&x=125&y=125" class="imgabout" /> 
							</a>
							<p>Sistem Informasi PIMS Pertamina EP</p>
						</td>
						<td>
							<a href="<?=base_url()?>assets/portofolio/tgi.jpg" class="lightbox">
							<img src="<?=base_url()?>assets/portofolio/thumb.php?src=tgi.jpg&x=125&y=125" class="imgabout" /> 
							</a>
							<p>Sistem Informasi PIMS Transgasindo</p>
						</td>
					</tr>
					<tr>
						<td>
							<a href="<?=base_url()?>assets/portofolio/gudang.jpg" class="lightbox">
							<img src="<?=base_url()?>assets/portofolio/thumb.php?src=gudang.jpg&x=125&y=125" class="imgabout" /> 
							</a>
							<p>Sistem Informasi Gudang Bappebti</p>
						</td>				
					</tr>
				</table>
			</div>
			<div class="spacer"></div>
			<div class="spacer"></div>

		</div>
	</div>
</div>

<style>
	.table-holder {
		/*border: 1px solid;*/
		width: 650px;
		margin: 0 auto;
	}
	
	.table-holder td {
		width: 200px;
		text-align: center;
	}
	
	.table-holder td a {
		text-decoration: none;
		color: #666;
	}
	
	.table-holder td a:hover {
		text-decoration: none;
		color: #999;
	}
	
	.imgabout {
		border: 5px solid #cde;
		border-radius: 5px 5px 5px 5px;
	}
</style>
